<template>
   <div class="cmt_container">
       <div>
           <hr>
       <h3>发表评论</h3>
           <textarea placeholder="请输入您要发表的内容，最多不能超过120个字" maxlength="120" style="height:150px;"></textarea>
           <mt-button type="primary" size="large">发表评论</mt-button>
       </div>
       <div class="cmt_list">

           <div class="cmt_title">第一楼  用户：可望江月  发表时间：2019-10-19</div>
           <div class="cmt_body">这是可望江月发表的内容</div>
       </div>
       <mt-button type="danger" size="large" plain>加载更多</mt-button>
   </div>
</template>
<script>
export default{
    data(){
        return {
            comments:[],//所有的评论数据
            pageIndex:1//默认展示第一页的数据
        }
    }
}
</script>
<style lang="scss" scoped>
    .cmt_container {

    h3 {
        font-size: 16px;
    }

    textarea {
        font-size: 14px;
        margin: 0;
    }

    .cmt_list {
        margin: 5px 0;
    }

    .cmt_item {
        font-size: 13px;
    }

    .cmt_title {
        line-height: 30px;
        background-color: #ccc;
    }

    .cmt_body {
        line-height: 35px;
        text-indent: 2em;
    }

    }
</style>